Vue.component('top',{
    template:`

<div class="top" id="wyqtb">
    <div class="top_in">
        <em>地区选择</em>
        <!--插入插件-->
        <input type="text" id="city" style=" margin-top:8px; font-size:12px; text-align:center; color:#343434; height:24px; float:left" value="请输入地址范围..."/>
        
        <!--注册/登录-->
        <div class="zcdl">
            <a href="#">注册</a>
            <i></i>
            <a href="#">登录</a>
        </div>
        <!--客服电话-->
        <div class="kfdh">
            客服热线：请联系王梓旭
        </div>
        <!-------------------------------手机微信-（所有的要改的图会用TD.png代替）----------------------->
        <div class="sjwx">
            <em title="微信公众号" id="wxgzh"><img src="images/weixin.png"/></em>
            <em title="移动app" id="sjapp"><img src="images/shouji.png"/></em>
            <b class="wxgzh none"><img src="images/TD.png" width="80" height="80"></b>
            <b class="sjapp none"><img src="images/TD.png" width="80" height="80"></b>
        </div>
    </div>
</div>
`,


});

Vue.component('bar',{
    template:`
<div>
<div style=" width:100%; height:auto; background:#fff">
    <div class="dhjssk">
        <a href="#" class="logo"><img src="images/logo.png" width="320" height="80"/></a>
        <div class="searchk">
            <div class="sjhcp">
                <!--left-->
                <div class="sjhcp_in">
                    <span>地区</span>
                    <div class="little_list">
                        <em>单号</em>
                        <em>地区</em>
                        <em>其他</em>
                    </div>
                </div>
               
                <!--right-->
                <div class="jiantou"><img src="images/jiantou.png"/></div>
            </div>
            <input type="text" style="width:307px;height:40px;background:#fff;float:left; font-size:16px; color:#adadad; text-indent:16px;line-height:40px" value="请输入..." onfocus="if(value=='请输入...') {value=''}" onblur="if (value=='') {value='请输入...'}">
            <div class="ssl"><img src="images/fangdajing.png"/></div>
        </div>
        <!--------------------------我们的优势-(不用改)------------------------------>
        <div class="wmdys">
            <ul>
                <li><b style="background:url(images/3.png) no-repeat -3px -2px"></b><p>金牌商家</p></li>
                <li><b style="background:url(images/2.png) no-repeat -11px -2px"></b><p>提前预定</p></li>
                <li><b style="background:url(images/1.png) no-repeat -11px -6px"></b><p>放心安全</p></li>
            </ul>
        </div>
        <!--热门搜索-->
        <div class="hot_ss">
            <a href="#">青岛</a>
            <a href="#">超级无敌小王八</a>
            <a href="#">青岛的超级无敌小王八</a>
        </div>
    </div>
</div>
<!--导航-->
<div class="dao_hang">
    <div class="nav_css">
        <!---------------------快捷栏开始--(按功能添加)------------------------>
        <div class="important"><img src="images/all_list.png" style=" margin-top:13px">&nbsp;快捷弹出（改名）
            <div class="aside">
                <ul>
                    <li class="cates"  mt-ct="list01">
                         <p>
                            <a href="#">你是谁</a>
                            <a href="#">从哪来</a>
                            <a href="#">要去哪</a>
                        </p>
                    </li>
                    
                </ul>
                <ul>
                    <li class="cates"  mt-ct="list02">
                        <p>
                            <a href="#">宇宙是否有尽头</a>
                            <a href="#">时间是否有终止</a>
                            <a href="#">生命是否有意义</a>
                        </p>
                    </li>
                </ul>
                <ul>
                    <li class="cates"  mt-ct="list03">
                        <p>
                            <a href="#">是我选择了世界</a>
                            <a href="#">是世界选择了我</a>
                        </p>
                    </li>
                </ul>
                <ul>
                    <li class="cates"  mt-ct="list04">
                        <p>
                            <a href="#">是谁杀了我</a>
                            <a href="#">而我又杀了谁</a>
                        </p>
                    </li>
                </ul>
                <ul>
                    <li class="cates"  mt-ct="list05">
                        <p>
                            <a href="#">我开个玩笑</a>
                            <a href="#">你们记得改了</a>
                        </p>
                    </li>
                </ul>
            </div>
            
        </div>
     
        <!-------------------快捷栏结束--（记得改为功能）--------------->
        <div class="dao_list">
            <a href="#">首页</a>
            <a href="#">首页</a>
            <a href="#">首页</a>
            <a href="#">还是首页</a>
        </div>
    </div>
</div>
<div class="now_positionm">
    <span>当前位置：</span><a href="index.html">首页></a><a href="#">个人中心</a>
</div>
</div>
`,

});

Vue.component('bars',{
    template:`
 <div class="centers_ml">
        <!------------------------------------头像------------------------------------>
        <div class="center_header">
            <a href="#"><img src="images/user.png"/></a>
            <em>您好，<font>admin</font></em>
        </div>
        <!------------------------------------列表go-------------------------------------->
        <div class="centers_listm">
            <div class="centers_listm_one">
                <img src="images/zshy.png"/>
                <em>用户中心</em>
            </div>
            <!--一条开始-->
            <div class="centers_listm_one_in">
                <img src="images/shezhi.png"/>
                <em>资料管理</em>
                <b></b>
            </div>
            <span class="gjszmdm">
                <a href="account_index.html" class="center_in_self"><font>信息资料</font></a>
                <a href="account_safe.html" class="center_in_self"><font>账号管理</font></a>
            </span>
            <!--一条开始-->
            <div class="centers_listm_one_in">
                <img src="images/ddgl.png"/>
                <em>订单管理</em>
                <b></b>
            </div>
            <span class="gjszmdm">
                <a href="user_Order.html" class="center_in_self"><font>发布订单</font></a>
                <a href="user_bespeak.html" class="center_in_self"><font>我的预约</font></a>
                <a href="user_assess.html" class="center_in_self"><font>评价订单</font></a>
                
            </span>
            
            <!--一条开始-->
            <div class="centers_listm_one_in">
                <img src="images/wdssc.png"/>
                <em>后续管理</em>
                <b></b>
            </div>
            <span class="gjszmdm">
                <a href="user_complain.html" class="center_in_self"><font>订单投诉</font></a>
            	<a href="collect_annals.html" class="center_in_self"><font>历史订单</font></a>
            </span>
            <!--一条开始-->
            <div class="centers_listm_one_in">
                <img src="images/myfridend.png"/>
                <em>消息管理</em>
                <b></b>
            </div>
            <span class="gjszmdm">
            	<a href="my_dope.html" class="center_in_self"><font>我的消息</font></a>
            	<a href="404.html" class="center_in_self"><font>客服电话</font></a>
            </span>
            <div class="centers_listm_one_in">
                <img src="images/suo.png"/>
                <em>账号管理</em>
                <b></b>
            </div>
            <span class="gjszmdm">
                <a href="404.html" class="center_in_self"><font>账户安全</font></a>
                <a href="404.html" class="center_in_self"><font>系统设置</font></a>
            </span>
        </div>

    </div>
`,

});


Vue.component('end',{
    template:`

<div class="ye_foot">
    <div class="ye_foot_in">
    	<span>
        	<h3>新手上路</h3>
            <a href="#">用户注册</a>
            <a href="#">帮助中心</a>
        </span>
        <span>
        	<h3>订单中心</h3>
            <a href="#">我的订单</a>
            <a href="#">查看订单</a>
        </span>
        <span>
        	<h3>个人中心</h3>
            <a href="#">我的收藏</a>
            <a href="#">我的点评</a>
            <a href="#">我的积分</a>
        </span>
        <span>
        	<h3>合作联系</h3>
            <a href="#">友情链接</a>
            <a href="#">广告服务</a>
            <a href="#">合作联系</a>
        </span>
        <span>
        	<h3>关于我们</h3>
            <a href="#">公司简介</a>
            <a href="#">办公环境</a>
            <a href="#">招贤纳士</a>
        </span>
        <span>
        	<h3>帮助中心</h3>
            <a href="#">账户管理</a>
            <a href="#">我是用户</a>
            <a href="#">联系客服</a>
        </span>
    </div>
    <hr style=" width:1200px; height:1px; background:#8b8b8b;color:#8b8b8b; display:block; margin:0 auto"/>
    <p class="wahaha">happyheating 2021 快乐维修  鲁ICP备666号 </p>
</div>

`,

});


